<div style="padding: 42px">
    <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()" class="add-form">
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="home_team">主队名称</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <input nz-input formControlName="home_team" id="home_team" [(ngModel)]="match.home_team">
          <nz-form-explain *ngIf="validateForm.get('home_team').dirty && validateForm.get('home_team').errors">主队名称不能为空</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="home_team_logo">主队logo</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <input nz-input formControlName="home_team_logo" id="home_team_logo" [(ngModel)]="match.home_team_logo">
          <nz-avatar nzIcon="anticon anticon-user" nzSrc="{{match.home_team_logo}}"></nz-avatar>
          <nz-form-explain *ngIf="validateForm.get('home_team_logo').dirty && validateForm.get('home_team_logo').errors">主队logo不能为空</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="custom_team">客队名称</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <input nz-input formControlName="custom_team" id="custom_team" [(ngModel)]="match.custom_team">
          <nz-form-explain *ngIf="validateForm.get('custom_team').dirty && validateForm.get('custom_team').errors">客队名称不能为空</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="custom_team_logo">客队logo</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <input nz-input formControlName="custom_team_logo" id="custom_team_logo" [(ngModel)]="match.custom_team_logo">
          <nz-avatar nzIcon="anticon anticon-user" nzSrc="{{match.custom_team_logo}}"></nz-avatar>
          <nz-form-explain *ngIf="validateForm.get('custom_team_logo').dirty && validateForm.get('custom_team_logo').errors">客队logo不能为空</nz-form-explain>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" >比赛类别</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <nz-select  [(ngModel)]="match.category" formControlName="category">
            <nz-option nzValue="小组赛第一轮" nzLabel="小组赛第一轮"></nz-option>
            <nz-option nzValue="小组赛第二轮" nzLabel="小组赛第二轮"></nz-option>
            <nz-option nzValue="小组赛第三轮" nzLabel="小组赛第三轮"></nz-option>
            <nz-option nzValue="16强赛" nzLabel="16强赛"></nz-option>
            <nz-option nzValue="8强赛" nzLabel="8强赛"></nz-option>
            <nz-option nzValue="4强赛" nzLabel="4强赛"></nz-option>
            <nz-option nzValue="半决赛" nzLabel="半决赛"></nz-option>
            <nz-option nzValue="决赛" nzLabel="决赛"></nz-option>
            <nz-option nzValue="3-4名决赛" nzLabel="3-4名决赛"></nz-option>
          </nz-select>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>比赛日期</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <nz-date-picker formControlName="start_day" [(ngModel)]="match.start_day"></nz-date-picker>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>比赛时间</nz-form-label>
        <nz-form-control [nzSm]="18" [nzXs]="24">
          <nz-time-picker formControlName="start_day_time" nzFormat="HH:mm" [(ngModel)]="match.start_day_time"></nz-time-picker>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-control [nzXs]="{ span: 24, offset: 0 }" [nzSm]="{ span: 18, offset: 6 }">
          <button nz-button nzType="primary">确认添加</button>
        </nz-form-control>
      </nz-form-item>
    </form>
  </div>